import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
Vue.use(VueRouter)

const routes = [{
  path: '/',
  name: 'Home',
  component: Home
},
{
  path: '/step',
  name: 'step步骤条',
  component: () => import('../views/step.vue')
},
{
  path: '/formValidate',
  name: 'form表单校验',
  component: () => import('../views/formValidate.vue')
},
{
  path: '/formTime',
  name: '时间选择控件',
  component: () => import('../views/formTime.vue')
},
{
  path: '/imgViewer',
  name: '图片放大预览',
  component: () => import('../views/imgViewer.vue')
},
{
  path: '/imgUpload',
  name: '图片上传',
  component: () => import('../views/imgUpload.vue')
},
{
  path: '/style',
  name: '常用css效果',
  component: () => import('../views/style.vue')
},
{
  path: '/keyDown',
  name: '键盘的大写状态',
  component: () => import('../views/keyDown.vue')
},
{
  path: '/echartDemo',
  name: 'echart',
  component: () => import('../views/echart.vue')
},
{
  path: '/table',
  name: 'table',
  component: () => import('../views/table.vue')
},
{
  path: '/calendar',
  name: 'calendar',
  component: () => import('../views/calendar.vue')
},
{
  path: '/load',
  name: '数组无限滚动',
  component: () => import('../views/load.vue')
},
{
  path: '/brightKeyword',
  name: '关键词高亮',
  component: () => import('../views/brightKeyword.vue')
},
{
  path: '/dragImg',
  name: '图片拖拽交换位置',
  component: () => import('../views/dragImg.vue')
},
{
  path: '/txMap',
  name: '腾讯地图',
  component: () => import('../views/txMap.vue')
}, {
  path: '/txMapMorePoint',
  name: '腾讯地图标点',
  component: () => import('../views/txMapMorePoint.vue')
}, {
  path: '/textarea',
  name: 'textarea',
  component: () => import('../views/textarea.vue')
}, {
  path: '/checkboxTable',
  name: 'checkboxTable',
  component: () => import('../views/checkboxTable.vue')
}, {
  path: '/checkbox',
  name: 'checkbox',
  component: () => import('../views/checkbox.vue')
}, {
  path: '/tableMore',
  name: 'tableMore',
  component: () => import('../views/tableMore.vue')
}, {
  path: '/tableTree',
  name: 'tableTree',
  component: () => import('../views/tableTree.vue')
}, {
  path: '/echartList',
  name: 'echartList',
  component: () => import('../views/echartList.vue')
}, {
  path: '/print',
  name: 'print',
  component: () => import('../views/print.vue')
}, {
  path: '/ifElse',
  name: 'ifElse',
  component: () => import('../views/ifElse.vue')
}, {
  path: '/textareaAddImg',
  name: 'textareaAddImg',
  component: () => import('../views/textareaAddImg.vue')
}, {
  path: '/sendBox',
  name: 'sendBox',
  component: () => import('../views/sendBox.vue')
}, {
  path: '/contextmenu',
  name: 'contextmenu',
  component: () => import('../views/contextmenu.vue')
}, {
  path: '/scroll',
  name: 'scroll',
  component: () => import('../views/scroll.vue')
}
]

const router = new VueRouter({
  routes
})

export default router